<template>
  <div class="app">
    <room-area :area-data="highScore"></room-area>
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import RoomArea from './components/RoomArea.vue'

const highScore = ref({})

// 模拟网络请求，获取数据
setTimeout(() => {
  import('./data/high_score.json').then(res => {
    highScore.value = res.default
  })
}, 1000)
</script>

<style lang="scss" scoped></style>
